Ext.require(['Ext.Viewport','Ext.data.*','Ext.panel.*','Ext.tree.Panel','Ext.tab.*']);
Ext.BLANK_IMAGE_URL = "ext/resources/themes/images/default/tree/s.gif";
Ext.onReady(function() {
	var store = Ext.create('Ext.data.TreeStore',{
				proxy : {
					type : 'ajax',
					url : 'jsp/sys/getRight.do'
				},
				root : {
					expanded :true,
					text : '系统菜单'
				}
	});	
	// 网页头部
	var top = Ext.create('Ext.panel.Header', {
				region : 'north',
				height : 80,
				items :[{
					 xtype: 'box', //或者xtype: 'component',  
    				 width: '100%', //图片宽度  
    				 height: 80, //图片高度  
    				 autoEl: {  
                     	tag: 'img',    //指定为img标签  
        			 	src: 'ext/resources/myimg/logo.jpg'    //指定url路径  
          			}  
				}]
			});
	// 页面菜单
	var wet = Ext.create('Ext.tree.Panel', {
		title : '菜单栏',
		width : 180,
		store : store,
		rootVisible : true,
		region : 'west',
		listeners : {
			itemclick : function(view, record, item, index) {
				var id = record.get("id");
				var url=record.get("hrefTarget");
				if (record.get("leaf")) {//是否是子元素
					if(!center.getComponent(id)){//是否有当前id创建的活动tab
						center.setActiveTab(center.add({
							title : record.get("text"),
							id : id,
							html : '<iframe scrolling="auto" width="100%" height="100%" frameborder="0" src="'+url+'"></iframe>',
							closable : true
					}));}else{
						center.setActiveTab(id);//激活
						//window.frames["ifr"+id].loaction.replace(url);
					};
				}
			}
		}
	});
	// 中间主显示区
	var center = Ext.create('Ext.tab.Panel', {
				region : 'center',
				items : [{
							title : '欢迎页',
							html : '公共信息 欢迎 '+relname+' 登录'
						}]
			});
	// 底部区域
	var bottom = Ext.create('Ext.panel.Panel', {
				height : 60,
				region : 'south',
				html : '<div style="text-align:center">版权所有</div>'
			});
	Ext.create('Ext.Viewport', {
				layout : 'border',
				renderTo : Ext.getBody(),
				items : [top, wet, center, bottom]
			});
});